<template lang="html">
  <sui-item-group divided>
    <sui-item>
      <sui-item-image size="small" src="static/images/wireframes/image.png" />
      <sui-item-content>
        <sui-item-header>Arrowhead Valley Camp</sui-item-header>
        <sui-item-meta>
          <span class="price">$1200</span>
          <span class="stay">1 Month</span>
        </sui-item-meta>
        <sui-item-description>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua.
          </p>
        </sui-item-description>
      </sui-item-content>
    </sui-item>
    <sui-item>
      <sui-item-image size="small" src="static/images/wireframes/image.png" />
      <sui-item-content>
        <sui-item-header>Buck's Homebrew Stayaway</sui-item-header>
        <sui-item-meta>
          <span class="price">$1000</span>
          <span class="stay">2 Weeks</span>
        </sui-item-meta>
        <sui-item-description>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua.
          </p>
        </sui-item-description>
      </sui-item-content>
    </sui-item>
    <sui-item>
      <sui-item-image size="small" src="static/images/wireframes/image.png" />
      <sui-item-content>
        <sui-item-header>Astrology Camp</sui-item-header>
        <sui-item-meta>
          <span class="price">$1600</span>
          <span class="stay">6 Weeks</span>
        </sui-item-meta>
        <sui-item-description>
          <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
            nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
            erat, sed diam voluptua.
          </p>
        </sui-item-description>
      </sui-item-content>
    </sui-item>
  </sui-item-group>
</template>

<script>
export default {
  name: 'ContentHeaderExample',
};
</script>
